<template>
  <div class="moduleTitle">
    <view class="title-left" v-if="props.left">{{props.left}}</view>
      <view class="title-right" v-if="right">
        <text @click="blink">更多</text>
        <image src="/static/other/gengduo.svg" mode="" />
      </view>
  </div>
</template>

<script setup>
const props = defineProps(['left','right','path'])
function blink (){
  uni.switchTab({
     url:props.path
  });
}
</script>

<style scoped>
.moduleTitle {
  @apply flex;
  justify-content: space-between;
  align-self: center;
}
.moduleTitle .title-left {
  font-size: 40rpx;
  font-weight: bold;
}
.moduleTitle .title-right {
  @apply flex;
  align-self: center;
  font-size: 30rpx;
}
.moduleTitle .title-right image {
  width: 40rpx;
  height: 40rpx;
  display: block;
  margin-left: 10rpx;
}
</style>
